<template>
  <view class="padding text-gray flex align-center justify-center">
    <view class="text-xxl">
      <view class="cuIcon-loading2"></view>
    </view>
    <text>{{ text ? text : '加载中...' }}</text>
  </view>
</template>

<script>
export default {
  name: "list-loading",
  props: {
    text: String
  },
  data() {
    return {};
  }
}
</script>

<style scoped lang="scss">
.cuIcon-loading2 {
  animation: rotate 1s linear infinite;
  margin-right: r(20px);
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
</style>
